<template lang="html">
  <section :class="[panelClass,cname]">
    <h4>--{{ title }}--</h4>
    <slot/>
  </section>
</template>

<script>
export default {
  props: {
    cname: {
      type: String,
      default: "",
    },
    panelClass: {
      type: String,
      default: "",
    },
    title: {
      type: String,
      default: "",
    },
    data() {
      return {
        panelClass:"panel"
      }
    }
  }

}
</script>

<style lang="scss" >
@import "../../css/element.scss";
.panel{
  @include panel;
}


</style>
